iT邦幫忙

1

Firebase Web的小功能分享 (1)

  • 分享至 

  • xImage
  •  

由於很多人都寫了要怎麼創建專案、開啟專案,這邊就來分享一下我寫的一些小功能:

  • 上傳檔案後製作超連結下載檔案 - 上傳檔案code
//一次傳多個檔案,用for迴圈算檔案數量
for(var i = 0;i<event.target.files.length;i++){
      var file = event.target.files[i];
      var path = file.name;
      var storageReference = firebase.storage().ref(你的存放處);
      const task = storageReference.put(file);
      //到這邊就把檔案放進去了,下面的是用一個progress查看上傳進度,不需要可以直接不加。
      
      var num=1;
      task.on("state_changed",
      function progress(snapshot) {
        msg.textContent = "上傳中,請稍後...("+num+"/"+event.target.files.length+")";
        let uploadValue = snapshot.bytesTransferred / snapshot.totalBytes * 100;
        uploader.value = uploadValue;
        document.getElementById("某個按鈕").disabled = true; 
        //沒上傳完之前某個按鈕不給按
      },
      function error(err) {
        msg.textContent = "上傳失敗";
      },
      function complete() {
        msg.textContent = "上傳成功("+num+"/"+event.target.files.length+")";
        if(num != event.target.files.length){
          num++; //計算已經成功上傳第幾個檔案
        }
        else{
          document.getElementById("某個按鈕").disabled = false; 
          //沒上傳完之前某個按鈕不給按,因為這邊已經完成了所以可以按了
        }
      }

      );
    }

文章...深度學習已經寫到目前上課進度ㄌ...湊一下篇數qq


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言